<template>
  <div class="emit">
    <h6>发送</h6>
    <div>
      <el-select v-model="value" placeholder="请选择" @change="handleChange">
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        >
        </el-option>
      </el-select>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      data: "I am comming!",
      options: [
        {
          value: "黄金糕的value",
          label: "黄金糕",
        },
        {
          value: "双皮奶的value",
          label: "双皮奶",
        },
        {
          value: "蚵仔煎的value",
          label: "蚵仔煎",
        },
        {
          value: "龙须面的value",
          label: "龙须面",
        },
        {
          value: "北京烤鸭的value",
          label: "北京烤鸭",
        },
      ],
      value: "",
    };
  },
  methods: {
    handleChange(val) {
      this.$bus.$emit("value", val);
    },
  },
  mounted() {},
};
</script>
<style scoped lang='less'>
.emit {
  width: 100%;
  height: 100%;
  text-align: center;
}
</style>